<template>
	<view class="shop-list">
		<view class="shop-title f-color">
			<view class="shop-item">
				<view>价格</view>
				<view class="shop-icon">
					<view class="shop-icon-item"><i class="fa fa-caret-up up"></i></view>
					<view class="shop-icon-item"><i class="fa fa-caret-down down"></i></view>
				</view>
			</view>
			<view class="shop-item">
				<view>折扣</view>
				<view class="shop-icon">
					<view class="shop-icon-item"><i class="fa fa-caret-up up"></i></view>
					<view class="shop-icon-item"><i class="fa fa-caret-down down"></i></view>
				</view>
			</view>
			<view class="shop-item">
				<view>品牌</view>
				<view class="shop-icon">
					<view class="shop-icon-item"><i class="fa fa-caret-up up"></i></view>
					<view class="shop-icon-item"><i class="fa fa-caret-down down"></i></view>
				</view>
			</view>
		</view>
		<Lines></Lines>
		<CommodityList></CommodityList>
	</view>
</template>

<script>
	import Lines from '@/components/common/Lines.vue';
	import CommodityList from '@/components/common/CommodityList.vue';
	export default {
		data(){
			return {
				
			}
		},
		components: {
			Lines,
			CommodityList
		}
	}
</script>

<style scoped>
.shop-title{
	display: flex;
}
.shop-item{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80rpx;
}
.shop-icon{
	position: relative;
	margin-left: 10rpx;
}
.shop-icon-item{
	height: 20rpx;
	position: relative;
	top: -12rpx;
}
</style>